<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>tree页面</title>
<jsp:include page="/assets/common-css.jsp" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/assets/vendors/custom/ztree/css/awesomeStyle/awesome.css"/>
<style>
	.m-portlet{
		min-height:100%;
	}
	.m-portlet .m-portlet__body{
	background:#fff;}
</style>
</head>
<body>
<div class="m-portlet">
	<div class="m-portlet__body">
		<div class="row">
			<div class="col-lg-3 m-border-right">
				<div class="m-input-icon m-input-icon--left m--margin-bottom-10">
					<input type="text" class="form-control m-input" placeholder="搜索成员、部门、标签">
					<span class="m-input-icon__icon m-input-icon__icon--left">
						<span>
							<i class="fa fa-search"></i>
						</span>
					</span>
				</div>
				<ul id="tablist" class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" >
					<li class="nav-item m-tabs__item ">
						<a class="nav-link m-tabs__link  active show" data-toggle="tab" href="#m_widget5_tab1_content" role="tab" aria-selected="false">
							组织架构
						</a>
					</li>
					<li class="nav-item m-tabs__item">
						<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget5_tab2_content" role="tab" aria-selected="false">
							标签
						</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active show tabContent0 tabContent"  aria-expanded="true">
						<div id="orgTree" class=""></div>
					</div>
					<div class="tab-pane tabContent1 tabContent" aria-expanded="true">
						<div id="tagTree" class=""></div>
					</div>
				</div>
			</div>
			<div class="col-lg-9">
			<div class="tabContent0 tabContent">
				<div class="m--margin-bottom-10 row">
					<a href="javascript:void(0);" id="addUser" class="btn m-btn--pill    btn-brand btn-sm col-lg-2">
						<span>
							<i class="fa fa-plus-square"></i>
							<span>
								添加成员
							</span>
						</span>
					</a>
					<a href="#" class="btn m-btn--pill    btn-brand btn-sm  col-lg-2">
						<span>
							<i class="fa fa-arrow-circle-down"></i>
							<span>
								批量导入
							</span>
						</span>
					</a>
					<a href="#" class="btn m-btn--pill    btn-brand btn-sm m-btn--air  col-lg-2">
						<span>
							<i class="fa fa-cog"></i>
							<span>
								设置所在部门
							</span>
						</span>
					</a>
					<div class="m-input-icon m-input-icon--left col-lg-3">
						<input type="text" class="form-control m-input m--pull-right" id="generalSearch" placeholder="搜索成员、部门、标签">
						<span class="m-input-icon__icon m-input-icon__icon--left">
							<span>
								<i class="fa fa-search"></i>
							</span>
						</span>
					</div>
				</div>
				<div id="userTable"></div>
				</div>
				
				<div class="tabContent1 tabContent">标签列表</div>
			</div>
			
		</div>
	</div>
</div>
	<jsp:include page="/assets/common-js.jsp" />
	<script src="<%=request.getContextPath()%>/assets/template/js/treeTable.js"></script>
</body>
</html>